<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">		 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Information About Scrolling Layer Code and Example Documents</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { font: 14px/1.3 verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em; margin: 0 0 .8em 0 }	
h2 { font-size:1.1em; margin: 1.2em 0 .6em 0 }
ul    { margin: .5em 2em 1.8em 0; padding:0 }
ul li	{ margin: 0 0 .7em 2em; }
a:link { color:#33c }	
a:visited { color:#339 }	
</style>
</head>
<body>
<h1>Scrolling Layer Code: Information and Examples</h1>

<p><a href="scroll-rel.html">This example document</a> contains information about setting up the layers, setting up multiple scroll areas, etc. More information about setting up links, scrollbars and other aspects of the code can be found <a href="http://www.dyn-web.com/dhtml/scroll/">online</a>.</p>

<h2>Mouseover Scrolling Examples:</h2>

<ul>
	<li><a href="scroll-rel.html">Scrolling layers in a table</a> - includes optional scrollbar</li>
	<li><a href="scroll-multi.html">Multiple scrolling content areas</a> - includes horizontal and vertical scrollbars</li>
	<li><a href="scroll-rel-h.html">Scrolling images horizontally</a>, with <a href="scrollbar-h.html">scrollbar</a></li>
	<li><a href="speed-opts.html">Providing speed options using image maps</a></li>
</ul>

<h2>Glide Onclick Examples:</h2>

<ul>
  <li><a href="glide-scroll-rel-v.html">Scrolling images vertically in a table</a></li>
	<li><a href="glide-scroll-h.html">Scrolling images horizontally</a></li>
	<li><a href="glide-grid.html">Gliding to specified locations</a></li>
</ul>

<h2>Other Examples:</h2>

<ul>
	<li><a href="pan.html">Scroll at any angle</a> - pan a large image</li>
	<li><a href="combo.html">Combination of features</a></li>
</ul>

<p>The example documents all import their style sheets so that incapable browsers will see the content rendered in the normal flow. The style sheet for each example has the same file name (with a css extension, of course) as the html document that uses it.</p>

<p>There is generally no need to edit the external JavaScript files. Work from the example document that most closely resembles your desired implementation, using it as a template. If you want to place all the code for your document in a single external JavaScript file, that's fine. Just be sure to include one copyright notice in full at the top of that file.</p>

<p><strong><em>Note: </em></strong>Style sheets used by the example documents typically contain at least a few style specifications that are not directly related to scrolling layers. A notable example, taken from scroll-rel.css: </p>

<pre>
/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden; text-align:center }
</pre>

<p>So, obviously, if your implementation will require regular window scrollbars, and if you do not wish all your document content to be centered, then you would need to remove these specifications.</p>

<p>Please read dyn-web's <a href="http://www.dyn-web.com/bus/terms.html">Terms of Use</a> if you plan to use the code. <a href="http://www.dyn-web.com/bus/purchase.html">Licenses</a> for commercial use of the code include implementation assistance.</p>
<p>&nbsp;</p>

<p><a href="http://www.dyn-web.com">www.dyn-web.com</a></p>


</body>
</html>
